* {
  margin: 0;
  padding: 0;
}
html,
body {
  width: 100%;
  height: 100%;
}
#app {
  width: 100%;
  height: 100%;
  cursor: url("./assets/mouse.png"), auto;
  user-select: none;
}

:root {
  --background-color: white;
  --text-color: black;
  --button-background-color: #007bff;
  --button-text-color: white;
  --background-hover-color: #b7b7b7;
}

:root {
  --font-default: "Arial", sans-serif;
  --font-kai: "KaiTi", "楷体", serif;
  --font-song: "SimSun", "宋体", serif;
  --font-hei: "SimHei", "黑体", serif;
}

[data-font="default"] {
  font-family: var(--font-default);
}

[data-font="kai"] {
  font-family: var(--font-kai);
}

[data-font="song"] {
  font-family: var(--font-song);
}

[data-font="hei"] {
  font-family: var(--font-hei);
}

[data-theme="dark"] {
  --background-color: black;
  --text-color: white;
  --button-background-color: #343a40;
  --button-text-color: white;
  --background-hover-color: #b7b7b7;
}
